<!DOCTYPE html>
<html lang="zh">
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no">
    <title>商品搜索</title>
    <link rel="shortcut icon" href="../img/icon.ico" type="image/x-icon">
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/iconfont.css">
    <link rel="stylesheet" href="../css/proSearch.css">
</head>
<body>
<header class="header searchNav">
    <div class="retreat">
        <i class="iconfont icon-guanbi"></i>
    </div>
    <div class="search">
        <i class="iconfont icon-msnui-find-bold"></i>
        <input type="text" id="search">
    </div>
    <div class="btn">
        <button type="button" id="submit">搜索</button>
    </div>
</header>
<div class="top"></div>
<div class="content">
    <div class="hotSpots clearfix">
        <h5>热点搜索：</h5>
        <a href="">椰棕床垫</a>
        <a href="">儿童床垫</a>
        <a href="">双人床垫</a>
        <a href="">厚垫</a>
        <a href="">整网弹簧</a>
    </div>
    <div class="history" id="history">
        <h5>历史搜索：</h5>
        <div id="historyText">
        </div>
        <span id="clear">清空搜索历史</span>
    </div>
</div>
<script src="../lib/zepto.min.js"></script>
<script src="../lib/storages.js"></script>
<script src="../lib/resetRem.js"></script>
<script src="../js/public.js"></script>
<script src="../js/proSearch.js"></script>
</body>
</html>